﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Areas/Admin/Views/Shared/Administration.Master" Inherits="System.Web.Mvc.ViewPage<NMA.Web.Areas.Admin.Models.CategoryIndexModel>" %>

<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            //Text Dialog
            $("#deletebatchdialog").dialog({
                bgiframe: true,
                autoOpen: false,
                resizable: true,
                width: 600,
                modal: true,
                overlay: {
                    backgroundColor: '#000',
                    opacity: 0.5
                },
                buttons: {
                    Cancel: function () {
                        $(this).dialog('close');
                    },

                    'Confirm': function () {
                        $(this).dialog('close');
                    }
                }
            });

            //Delete Batch action
            $('#delete').click(function () {
                $('#deletebatchdialog').dialog('open');
            })

        });

        $(function () {
            $("#createddate").datepicker({
                showOn: 'button',
                buttonImage: '<%= Html.ImageUrl("icon-calendar.png") %>',
                buttonImageOnly: true
            });
        });
	</script>
</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

    <!-- BODY CONTENT-->
	<div id="maincontent">
		<!-- BREADCRUMB -->
			<div id="breadcrumb">
				  <!-- #BeginEditable "breadcrumb" --><!-- #EndEditable -->
			</div>
		<!-- CONTENTS -->
		<div id="contents">
			<div class="boxcontent">
				<div class="box-top"></div>
					<div class="box-middle">
					<!-- #BeginEditable "contents" -->
						<div id="pagetitle" class="pagetitle">
							<h1 id="formsearch">Search For a Category</h1>
							<span class="breadcrumb"><a href="index.htm">Search category</a> > <span class="current">Search for a category</span></span>
						</div>						
						<div id="pagecontent" class="pagecontent">
						<!-- Hide Error Message 

							<div class="messages">
								<div class="error">General Error Message Here</div>
								<div class="success">General Success Message Here</div>
							</div>
							-->
						<!-- Search Form-->
						<div class="group-header"><span>Search Criteria</span></div>
						<div class="group-body clear">
							<form method="post" action="" id="page-search" class="simpleform search">
								<div class="formgroup fstcol">
									<dl>
										<dt><label for="id">Id</label></dt>
										<dd>
										<input name="id"  id="id"  value="" type="text" class="inputtext"/></dd>
									</dl>
									<dl>
										<dt><label for="name">Name</label></dt>
										<dd>
									        <input name="name"  id="name"  value="" type="text" class="inputtext"/>
                                        </dd>
									</dl>
									<%--<dl>
										<dt>&nbsp;</dt>
										<dd>
                                            <div class="pributton left ">
                                                <input name="Button1" type="button" value="Search" class="rightbutton" />
                                            </div>
                                        </dd>
									</dl>--%>
								</div>
								<div class="formgroup seccol">
									<dl>
										<dt><label for="createduser">Created user</label></dt>
										<dd>
										<input name="createduser"  id="createduser"  value="" type="text" class="inputtext"/></dd>
									</dl>
									<dl>
										<dt><label for="createddate">Created date</label></dt>
										<dd>
											<input name="createddate"  id="createddate"  value="" type="text" class="inputtext"/>
											<!-- <a href="#" class="inlinetext"><img alt="Date Picker" height="24" src="../images/icon-calendar.png" width="24" /></a> -->
										</dd>
									</dl>
								</div>
						    </form>
						</div>
                        <div class="pributton left ">
                                                <input name="Button1" type="button" value="Search" class="rightbutton" />
                                            </div>
						<div class="separate">&nbsp;</div>
						<!-- Search Result -->
							<div class="messages">
								<!--<div class="error">No form that meets the criteria is found. Please try another search with different criteria</div>-->
								<%--<div class="success">200 Records Found</div>--%>
							</div>
						<h2 class="floatleft">Item List</h2>

                        <% Html.RenderPartial("_CategoryList", this.Model.Categories); %>

                        <div style="display:block" id="pagingResult">
                            <% Html.RenderPartial("PagingUserControl", Model.PagingModel); %>
                        </div>
					</div>
					</div>
					</div>
				<div class="box-bottom"></div>
			</div>
		</div>
	
	<!-- Dialogs -->	
	<!-- Delete Batch Confirm Dialog -->
		 <div id="deletebatchdialog" class="dialog" title="Confirm Delete">
			<div class="dialogmessage">Are you sure you want to delete?</div>
		</div>
	<!-- End Dialog -->

</asp:Content>